<template>
    <div>
        <hea-der></hea-der>
        <div class="yqyj_xdh">
            当前位置 > <span>舆情监测</span>
        </div>
        <div class="yqyj_sosu">
            <div class="yqyj_sosu1">
                <span class="yqyj_sosu11">搜索：</span>
                <input type="text" name="username"  class="yqyj_sosu2"/>
                <div class="yqyj_sosu3">查询</div>
                <div class="yqyj_sosu33">清空</div>
                <span class="yqyj_sosu111">时间：</span>
                <input name="password" type="password" class="yqyj_sosu2"/>
                <span class="yqyj_sosu4">—</span>
                <input name="password" type="password" class="yqyj_sosu22"/>
            </div>
        </div>
        <div class="yqyj_nr">
            <div class="yqyj_znrk">
                <div class="yqyj_znr">
                    <span>专题</span>
                </div>            
            </div>
            <div class="yqyj_znr1">
                <div class="yqyj_znr3">
                    <span><img src="../../images/xjt.png" />预警信息</span>
                </div>
                <div class="yqyj_znr2">
                    <span>已预警</span>
                </div>
                <div class="yqyj_znr2">
                    <span>未预警</span>
                </div>
                <div class="yqyj_znr4">
                    <span><img src="../../images/xjt.png" />预警事件</span>
                </div>
                <div class="yqyj_znr2">
                    <span>自身新闻（56）</span>
                </div>
                <div class="yqyj_znr2">
                    <span>百度游戏（32）</span>
                </div>
                <div class="yqyj_znr2">
                    <span>隆基（12）</span>
                </div>
            </div>
            <div class="yqyj_yujing">
                <div class="yqyj_yujing1">
                    <img class="yqyj_yujing3" src="../../images/yinyu.png" />
                    <img class="yqyj_yujing2" src="../../images/yujing.png" />
                    <div class="yqyj_yujingwz">
                        <span class="yqyj_yujingwz4">敏感</span><span class="yqyj_yujingwz5">出现敏感负面信息。</span>
                        <p>更新时间：2017-11-20  9:01:06</p>
                    </div>
                </div>
            </div>
            <div class="yqyj_ynr">导出选定Excel</div>
            <div class="yqyj_ynr">导出全部Excel</div>
            <div class="yqyj_ynr1">
                <div class="yqyj_ynr2">
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">全部</span><span class="yqyj_ynr4">（785）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">网络</span><span class="yqyj_ynr4">（104）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">平面</span><span class="yqyj_ynr4">（80）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">论坛</span><span class="yqyj_ynr4">（65）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">博客</span><span class="yqyj_ynr4">（45）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">微信</span><span class="yqyj_ynr4">（105）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">微博</span><span class="yqyj_ynr4">（188）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">APP</span><span class="yqyj_ynr4">（18）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">电视</span><span class="yqyj_ynr4">（8）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">广播</span><span class="yqyj_ynr4">（8）</span></div>
                    <div class="yqyj_ynr3"><span class="yqyj_ynr5">外媒</span><span class="yqyj_ynr4">（0）</span></div>
                </div>
                <div class="yqyj_ynrwz">
                    <input class="yqyj_xuanz" type="checkbox"  />
                    <span class="yqyj_ynrwz1">全选</span>
                    <span class="yqyj_ynrwz2">标题</span>
                    <span class="yqyj_ynrwz3">媒体</span>
                    <div class="yqyj_dianji">
                        <img src="../../images/dianjis.png" />
                        <img src="../../images/dianjix.png" />
                    </div>
                    <span class="yqyj_ynrwz4">属性</span>
                    <div class="yqyj_dianji">
                        <img src="../../images/dianjis.png" />
                        <img src="../../images/dianjix.png" />
                    </div>
                    <span class="yqyj_ynrwz5">时间</span>
                    <div class="yqyj_dianji">
                        <img src="../../images/dianjis.png" />
                        <img src="../../images/dianjix.png" />
                    </div>
                    <span class="yqyj_ynrwz6">转载</span>
                </div>
                <div class="yqyj_yxx" v-for="(item,index) in items" :key="index">
                    <div><input class="yqyj_xuanz" type="checkbox"  /></div>
                    <div class="yqyj_xz">{{item.id}}</div>
                    <div class="yqyj_bt">{{item.name}}</div>
                    <div class="yqyj_mt">{{item.mt}}</div>
                    <div class="yqyj_sx">{{item.sx}}</div>
                    <div class="yqyj_sj">{{item.time}}</div>
                    <div class="yqyj_zz">{{item.zz}}</div>
                    <div class="yqyj_yxx1">
                        {{item.Subtitlea}}
                        <span style="color:#33a0ed;">{{item.Subtitleb}}</span>
                        <span style=" float:right; margin-top:5px;">
                        <img src="../../images/ywbg.png" style="margin-right:10px;" />
                        <img src="../../images/ywlj.png" style="margin-right:10px;" />
                        <img src="../../images/ywfx.png" />
                        </span>
                    </div>
                </div>
                
            </div>
            <div class="yqyj_dhys">
                <div class="yqyj_hys">
                <div class="yqyj_hye">&lt;</div>
                <div class="yqyj_hye1">1</div>
                <div class="yqyj_hye2">...</div>
                <div class="yqyj_hye3">5</div>
                <div class="yqyj_hye4">></div>
                <div class="yqyj_hye5">每页<span style="color:#e7504b;">10</span>条	&nbsp;&nbsp;共<span style="color:#e7504b;">5</span>页</div>
                </div>
            </div>
        </div>
        <foo-ter></foo-ter>
    </div>
</template>

<script>
export default {
    data(){
        return{
            items:[]
        }
    },
    created(){
        this.$ajax.get('/user/info',{
            headers:{
                'accessToken':'aa6af6566a9d44edafd2aebb76e86093'
            }
        })
        .then(res=>{
            this.items=res.data;
            console.log(success);
        })
        .catch(err=>{
            console.log(err)
        })
    }
    // ,
    // computed: {
    //     filteredItems: function () {
    //     return this.items.slice(0, 10)
    //     }
    // }
}
</script>

<style scoped>
    @import url('./yqyj.css');
</style>
